<template>
	<view class="body">
		<view class="item">
			<view class="item-top">
				<view class="userHead" @tap="toDetail(item.id)">
					<image @tap.stop="toUserDetail(item.map.userinfo.user_id)" class="headImg" :src="item.map.userinfo.avatar" mode=""></image>
					<view class="">
						<view class="nameBox">
							<text>{{item.map.userinfo.nick_name}}</text>
							<image src="/static/man.png" mode="" v-if="user.sex==1"></image>
							<image src="/static/woman.png" mode="" v-else="user.sex==2"></image>
						</view>
						<view class="timeBox" :class="{padding_left:item.map.userinfo.national_flag!=''}">
							<image v-if="item.map.userinfo.national_flag!=''" :src="item.map.userinfo.national_flag" mode=""></image>
							<text>{{create_time}}</text>
						</view>
					</view>
				</view>
				<image class="shenheImg" v-if="item.status==3" src="/static/wode/daishenhe.png" mode=""></image>
				<view class="sandian_box" @tap="showMenu">
					<image class="sandian" src="/static/diqiuquan/sandian.png" mode=""></image>
				</view>
				<view class="menu_box" v-if="isshowMenu==true">
					<view class="menu" v-if="isMe==true">
						<view class="menu_item1" v-if="isshoucang==true" @tap="shoucang(item.id,'取消')">
							<image src="/static/diqiuquan/pingbi.png" mode=""></image>
							<text>删除</text>
						</view>
						<view class="menu_item1" v-else @tap="deleteIt(item.id)">
							<image src="/static/diqiuquan/pingbi.png" mode=""></image>
							<text>删除</text>
						</view>
					</view>
					<view class="menu" v-else>
						<view class="menu_item1" @tap="fanyi(item.content)">
							<image src="/static/diqiuquan/pingbi.png" mode=""></image>
							<text>翻译</text>
						</view>
						<view class="menu_item" @tap="pingbi(item.map.userinfo.user_id)">
							<image src="/static/diqiuquan/pingbi.png" mode=""></image>
							<text>屏蔽</text>
						</view>
						<view class="menu_item2" @tap="shoucang(item.id)">
							<image src="/static/diqiuquan/shoucang2.png" mode=""></image>
							<text>收藏</text>
						</view>
					</view>
					<image class="xiaosanjiao" src="/static/diqiuquan/xiaosanjiao.png" mode=""></image>
				</view>

			</view>
			<view class="item-mid" @tap="toDetail(item.id)">
				<!-- <image class="fanyi" src="/static/jingyou/translate.png" mode="" @tap="fanyi"></image> -->
				<view class="text-img">
					<!-- 只有文字 -->
					<view class="text-box" v-if="style==5">
						<text :class="{noHide:isDetail===false}">{{item.content}}</text>
						<text :class="{noHide:isDetail===false}" v-show="showAfterFanyi">{{afterFanyi}}</text>
						<text class="typeBox" v-if="item.classfiy!=''">
							#{{item.classfiy}}
						</text>
						<text class="typeBox" v-else>#其他</text>
					</view>



					<!-- 有文字只有一张图或视频-->
					<view class="" v-else-if="style==3">
						<view class="">
							<view class="text-box">
								<text :class="{noHide:isDetail===false}">{{item.content}}</text>
								<text :class="{noHide:isDetail===false}" v-show="showAfterFanyi">{{afterFanyi}}</text>
							</view>
							<view class="style2">
								<view class="one-img-box" v-if="item.style==0&&isDetail==false">
									<view class="video_box" v-if="item.img_height>900||item.img_width>900">
										<image :src="item.cover" mode="" :style="'width:'+item.img_width/6+'px;height:'+item.img_height/6+'px'"></image>
										<image class="bofang" src="/static/bofang.png" mode=""></image>
									</view>
									<view class="video_box" v-else-if="item.img_height>500||item.img_width>500">
										<image :src="item.cover" mode="" :style="'width:'+item.img_width/4+'px;height:'+item.img_height/4+'px'"></image>
										<image class="bofang" src="/static/bofang.png" mode=""></image>

									</view>
									<view class="video_box" v-else-if="item.img_height>270||item.img_width>270">
										<image :src="item.cover" mode="" :style="'width:'+item.img_width/2+'px;height:'+item.img_height/2+'px'"></image>
										<image class="bofang" src="/static/bofang.png" mode=""></image>

									</view>
									<view class="video_box" v-else>
										<image :src="item.cover" mode="" :style="'width:'+item.img_width+'px;height:'+item.img_height+'px'"></image>
										<image class="bofang" src="/static/bofang.png" mode=""></image>
									</view>

								</view>
								<view class="one-img-box" v-else-if="item.style==0&&isDetail==true">
									<view class="video_box" v-if="item.img_height>900||item.img_width>900">
										<video :src="item.picts[0]" mode="" :style="'width:'+item.img_width/6+'px;height:'+item.img_height/6+'px'"></video>
									</view>
									<view class="video_box" v-else-if="item.img_height>500||item.img_width>500">
										<video :src="item.picts[0]" mode="" :style="'width:'+item.img_width/4+'px;height:'+item.img_height/4+'px'"></video>
									</view>
									<view class="video_box" v-else-if="item.img_height>270||item.img_width>270">
										<video :src="item.picts[0]" mode="" :style="'width:'+item.img_width/2+'px;height:'+item.img_height/2+'px'"></video>
									</view>
									<view class="video_box" v-else>
										<video :src="item.picts[0]" mode="" :style="'width:'+item.img_width+'px;height:'+item.img_height+'px'"></video>
									</view>
								</view>
								<view class="one-img-box" v-else @tap.stop="imgDetail(item.picts,index)">
									<image v-if="item.img_height>900||item.img_width>900" :mode="aspectFill" :src="item.picts[0]" :style="'width:'+item.img_width/6+'px;height:'+item.img_height/6+'px'"></image>
									<image v-else-if="item.img_height>500||item.img_width>500" :mode="aspectFill" :src="item.picts[0]" :style="'width:'+item.img_width/4+'px;height:'+item.img_height/4+'px'"></image>
									<image v-else-if="item.img_height>270||item.img_width>270" :mode="aspectFill" :src="item.picts[0]" :style="'width:'+item.img_width/2+'px;height:'+item.img_height/2+'px'"></image>
									<image v-else :mode="aspectFill" :src="item.picts[0]" :style="'width:'+item.img_width+'px;height:'+item.img_height+'px'"></image>
									<!-- <image  :mode="aspectFit" :src="item.picts" mode=""></image> -->
								</view>

								<text class="typeBox" v-if="item.classfiy!=''">
									#{{item.classfiy}}
								</text>
								<text class="typeBox" v-else>#其他</text>
							</view>
						</view>
					</view>


					<!-- 有字并多张图 -->
					<view class="" v-else-if="style==4">
						<view class="text-box">
							<text :class="{noHide:isDetail===false}">{{item.content}}</text>
							<text :class="{noHide:isDetail===false}" v-show="showAfterFanyi">{{afterFanyi}}</text>
						</view>
						<view class="more-img-box">
							<image :src="item1" mode="aspectFill" v-for="(item1,index1) in item.picts" :key="index1" @tap.stop="imgDetail(item.picts,index1)"></image>
							<text class="typeBox" v-if="item.classfiy!=''">
								#{{item.classfiy}}
							</text>
							<text class="typeBox" v-else>#其他</text>
						</view>
					</view>



					<!-- 没字有多张图 -->
					<view class="more-img-box" v-else-if="style==2">
						<image :src="item1" mode="aspectFill" v-for="(item1,index1) in item.picts" :key="index1" @tap.stop="imgDetail(item.picts,index1)"></image>
						<text class="typeBox" v-if="item.classfiy!=''">
							#{{item.classfiy}}
						</text>
						<text class="typeBox" v-else>#其他</text>
					</view>

					<!-- 没字只有一张图或视频 -->
					<view class="style2" v-else-if="style==1">

						<view class="one-img-box" v-if="item.style==0&&isDetail==false">
							<view class="video_box" v-if="item.img_height>900||item.img_width>900">
								<image :src="item.cover" mode="" :style="'width:'+item.img_width/6+'px;height:'+item.img_height/6+'px'"></image>
								<image class="bofang" src="/static/bofang.png" mode=""></image>
							</view>
							<view class="video_box" v-else-if="item.img_height>500||item.img_width>500">
								<image :src="item.cover" mode="" :style="'width:'+item.img_width/4+'px;height:'+item.img_height/4+'px'"></image>
								<image class="bofang" src="/static/bofang.png" mode=""></image>

							</view>
							<view class="video_box" v-else-if="item.img_height>270||item.img_width>270">
								<image :src="item.cover" mode="" :style="'width:'+item.img_width/2+'px;height:'+item.img_height/2+'px'"></image>
								<image class="bofang" src="/static/bofang.png" mode=""></image>

							</view>
							<view class="video_box" v-else>
								<image :src="item.cover" mode="" :style="'width:'+item.img_width+'px;height:'+item.img_height+'px'"></image>
								<image class="bofang" src="/static/bofang.png" mode=""></image>

							</view>

						</view>
						<view class="one-img-box" v-else-if="item.style==0&&isDetail==true">
							<view class="video_box" v-if="item.img_height>900||item.img_width>900">
								<video :src="item.picts[0]" mode="" :style="'width:'+item.img_width/6+'px;height:'+item.img_height/6+'px'"></video>
							</view>
							<view class="video_box" v-else-if="item.img_height>500||item.img_width>500">
								<video :src="item.picts[0]" mode="" :style="'width:'+item.img_width/4+'px;height:'+item.img_height/4+'px'"></video>
							</view>
							<view class="video_box" v-else-if="item.img_height>270||item.img_width>270">
								<video :src="item.picts[0]" mode="" :style="'width:'+item.img_width/2+'px;height:'+item.img_height/2+'px'"></video>
							</view>
							<view class="video_box" v-else>
								<video :src="item.picts[0]" mode="" :style="'width:'+item.img_width+'px;height:'+item.img_height+'px'"></video>
							</view>
						</view>
						<view class="one-img-box" v-else @tap.stop="imgDetail(item.picts,index)">
							<image v-if="item.img_height>900||item.img_width>900" :mode="aspectFill" :src="item.picts[0]" mode="" :style="'width:'+item.img_width/6+'px;height:'+item.img_height/6+'px'"></image>
							<image v-else-if="item.img_height>500||item.img_width>500" :mode="aspectFill" :src="item.picts[0]" mode=""
							 :style="'width:'+item.img_width/4+'px;height:'+item.img_height/4+'px'"></image>
							<image v-else-if="item.img_height>270||item.img_width>270" :mode="aspectFill" :src="item.picts[0]" mode=""
							 :style="'width:'+item.img_width/2+'px;height:'+item.img_height/2+'px'"></image>
							<image v-else :mode="aspectFill" :src="item.picts[0]" mode="" :style="'width:'+item.img_width+'px;height:'+item.img_height+'px'"></image>
							<!-- <image  :mode="aspectFit" :src="item.picts" mode=""></image> -->

						</view>
						<text class="typeBox" v-if="item.classfiy!=''">
							#{{item.classfiy}}
						</text>
						<text class="typeBox" v-else>#其他</text>
					</view>

				</view>
				<view class="pinglunBox" v-if="isDetail==false">
					<view class="pinglun-item" v-if="giftinfo!=''">
						<image src="/static/diqiuquan/liwu.png" mode=""></image>
						<text class="nameText" v-for="(item1,index1) in giftinfo" :key="index1">{{item1.nick_name}},</text>
					</view>
					<view class="pinglun-item" v-if="likeinfo!=''">
						<image src="/static/diqiuquan/dianzan.png" mode=""></image>
						<text class="nameText" v-for="(item1,index1) in likeinfo" :key="index1">{{item1.nick_name}},</text>
					</view>
					<view class="pinglun-item2" v-if="commentList!=''||commentList.length!=0" v-for="(item1,index1) in commentList"
					 :key="index1">
						<view class="" v-if="item1.is_reply==true" @tap.stop="huifuComment(item.id,item1.id,item1.map.userinfo.nick_name,item1.map.userinfo.user_id,index)">
							<text class="nameText">{{item1.map.userinfo.nick_name}}</text>
							<text class="nameText">回复</text>
							<text class="nameText">{{item1.map.replyinfo.nick_name}}：</text>
							<text>{{item1.content}}</text>
						</view>
						<view class="" v-else @tap.stop="huifuComment(item.id,item1.id,item1.map.userinfo.nick_name,item1.map.userinfo.user_id,index)">
							<text class="nameText">{{item1.map.userinfo.nick_name}}：</text>
							<text>{{item1.content}}</text>
						</view>

					</view>
				</view>
			</view>

			<view class="item-bottom" v-if="isDetail==false">
				<view class="caozuoBox" @tap="showGift(item.id,item.map.userinfo.user_id)">
					<image src="/static/diqiuquan/liwu.png" mode=""></image>
					<text v-if="item.map.giftCount!=undefined">{{item.map.giftCount}}</text>
					<text v-else>0</text>
				</view>
				<!-- <view class="caozuoBox" @tap="showShare(item)">
					<image src="/static/diqiuquan/fenxiang.png" mode=""></image>
					<text>{{item.share_count}}</text>
				</view> -->
				<view class="caozuoBox">
					<button open-type="share" plain="true" style=" width:23px; height:23px; border: #FFFFFF solid 1upx;" @tap="onShareAppMessage">
						<image class="shareImg" src="/static/diqiuquan/fenxiang.png"></image>
					</button>
					<text>{{item.share_count}}</text>
				</view>

				<view class="caozuoBox" @tap="showComment(item.id,index)">
					<image src="/static/diqiuquan/pinglun.png" mode=""></image>
					<text>{{item.comment_count}}</text>
				</view>
				<view class="caozuoBox" @tap="changedianzan">
					<image src="/static/diqiuquan/dianzan.png" mode=""></image>
					<text>{{item.like_count}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		language
	} from '../common/country.js'
	export default {
		props: ['item', 'index', 'isDetail', 'isMe', 'isshoucang'],
		data() {
			return {
				style: '',
				user: '',
				giftinfo: '', //礼物列表
				likeinfo: '', //点赞列表
				commentList: '', //评论列表
				create_time: '',
				iskeyFrame: false,
				dianzan: '',
				isshowMenu: false,
				myInfo: '',
				language: language,
				showAfterFanyi: false,
				afterFanyi: '',
				video_height: '',
				video_width: '',
			};
		},
		onShow() {
			this.isshowMenu=false
		},
		onLoad() {
			// console.log(this.isDetail, '是否是详情')

			this.giftinfo = this.item.map.giftinfo;
			this.likeinfo = this.item.map.likeinfo;
			this.commentList = this.item.map.noteCommentEntities;
			this.create_time = this.myDate.getDateDiff(this.item.create_time);
			if (!Array.isArray(this.item.picts)) {
				this.item.picts = this.item.picts.split(',')
			}


			this.dianzan = this.item.map.is_like,
				this.myInfo = uni.getStorageSync('user_info')
			if (this.item.content == '') {
				if (this.item.picts.length == 1) {
					if (this.item.style == 0) {
						this.style = 6 //没文字的视频

					} else {
						this.style = 1 //没文字且只有一张图

					}
				} else {
					this.style = 2 //没文字且多张图
				}
			} else {
				if (this.item.picts.length == 1) {
					this.style = 3 //有文字且只有一张图
				} else if (this.item.picts.length >= 2) {
					this.style = 4 //有文字且多张图
				} else {
					this.style = 5 //只有文字
				}
			}
		},
		onShareAppMessage(res) {
			console.log(res)
			if (res.from === 'button') { // 来自页面内分享按钮
				console.log(res.target)
			}
			return {
				title: '分享',
				path: '/pages/test/test?id=123'
			}
		},
		methods: {
			showComment(id, index) {
				this.$emit('showComment', id, index)
			},
			huifuComment(id, noteid, name, user_id, index) {
				this.$emit('huifuComment', id, noteid, name, user_id, index)
			},
			showShare(item) {
				this.$emit('showShare', item)
				// console.log(1)
			},
			showGift(id, user_id) {
				this.$emit('showGift', id, user_id)
			},
			showMenu() {
				if (this.isshowMenu == false) {
					this.isshowMenu = true
				} else {
					this.isshowMenu = false
				}
			},
			toUserDetail(id){
				uni.navigateTo({
					url:'/pages/My/myDetails/myDetails?user_id='+id
				})
			},
			toDetail(id) {
				if (this.isDetail == false) {
					uni.navigateTo({
						url: '/pages/World/earthDetail/earthDetail?id=' + id
					})
				} else {
					return
				}
				console.log(this.style)
			},
			fanyi(content) { //翻译
				var me = this;
				var appid = '20190402000283752';
				var key = 'eLYpGzpGPrAKTE0dOzUJ';
				var salt = (new Date).getTime();
				var query = content;
				// 多个query可以用\n连接  如 query='apple\norange\nbanana\npear'
				var _from = 'auto';
				var to = '';
				var str1 = appid + query + salt + key;
				var sign = this.MD5(str1);

				if (this.myInfo.mother_tongue == '') {
					uni.navigateTo({
						url: '/pages/Other/countrySelect?type=母语'
					})
					uni.showToast({
						title: '请选择母语',
						icon: 'none'
					})
				} else {
					// for (var i = 0; i < this.language.length; i++) {
					// 	if (this.myInfo.mother_tongue == this.language[i].name) {
					// 		var to = this.language[i].Abbreviation
					// 	}
					// }
					for (var i = 0; i < this.language.length; i++) {
						if (this.myInfo.mother_tongue == this.language[i].name || this.myInfo.mother_tongue == this.language[i].enName) {
							to = this.language[i].Abbreviation
						}
					}
					if (this.myInfo.mother_tongue == '汉语' || this.myInfo.mother_tongue == '中文') {
						to = 'zh'
					}
				}
				if (_from == to) {
					uni.showToast({
						title: '已经是母语了哦',
						icon: 'none'
					})
					return
				}
				var data = {
					q: query,
					appid: appid,
					salt: salt,
					from: _from,
					to: to,
					sign: sign
				}
				console.log(data)
				uni.request({
					url: 'http://api.fanyi.baidu.com/api/trans/vip/translate',
					method: 'GET',
					data: data,
					success(res) {
						console.log(res)
						me.showAfterFanyi = true
						me.afterFanyi = res.data.trans_result[0].dst
						me.isshowMenu = false
					},
					fail() {
						uni.showToast({
							title: '请求数据失败',
							icon: "none"
						});
					},
				})
			},
			pingbi(id) { //屏蔽
				var me = this;
				var data = {
					history_id: id,
					user_id: uni.getStorageSync('user_id'),
					operation_type: 'user',
					history_type: 'shield',
				}
				this.myAjaxNewPost({
					model: 'news',
					controllerName: 'history',
					actionName: 'insert',
					data: data,
					successBack: function(res) {
						console.log(res)
						if (res.data.message == '成功') {
							uni.showToast({
								title: '屏蔽成功',
								icon: 'none'
							})
						} else {
							uni.showToast({
								title: res.data.message,
								icon: 'none'
							})
						}
						me.isshowMenu = false
					},
				})
			},
			shoucang(id, type) { //收藏
				var me = this;
				var data = {
					history_id: id,
					user_id: uni.getStorageSync('user_id'),
					operation_type: 'collect',
					history_type: 'note',
				}
				this.myAjaxNewPost({
					model: 'message',
					controllerName: 'history',
					actionName: 'insert',
					data: data,
					successBack: function(res) {
						console.log(res)
						if (res.data.message == '成功') {
							if (type == '取消') {
								uni.showToast({
									title: '取消收藏成功',
									icon: 'none'
								})
							} else {
								uni.showToast({
									title: '收藏成功',
									icon: 'none'
								})
							}
						} else {
							uni.showToast({
								title: res.data.message,
								icon: 'none'
							})
						}
						me.isshowMenu = false
					},
				})
			},
			deleteIt(id, index) { //删除
				var me = this;
				uni.showModal({
					content: '确定删除该条地球圈吗',
					success: function(res) {
						if (res.confirm) {
							var data = {
								id: id
							}
							me.myAjaxNew({
								model: 'message',
								controllerName: 'noteUser',
								actionName: 'delete',
								data: data,
								successBack: function(res) {
									console.log(res)
									if (res.data.message == '成功') {
										uni.showToast({
											title: '删除成功',
											icon: 'none'
										})
									}
								},
							})
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				})
				this.$emit()
			},

			changedianzan() { //点赞
				console.log(this.user);
				var me = this;
				if (this.dianzan == false) {
					this.dianzan = true;
					this.item.like_count++;
					console.log(this.dianzan);
					var data = {
						user_id: uni.getStorageSync('user_id'),
						history_type: 'note',
						operation_type: 'like',
						history_id: this.item.id,
					};
					this.myAjaxNewPost({
						model: 'news',
						controllerName: 'history',
						actionName: 'insert',
						data: data,
						successBack: function(res) {
							console.log(res);
							var obj = {}
							obj.nick_name = uni.getStorageSync('nick_name')
							for (var i = 0; i < me.likeinfo.length; i++) {
								if (me.likeinfo[i] != obj.nick_name) {
									me.likeinfo.unshift(obj)
								} else {
									me.likeinfo = me.likeinfo.splice(i, 1)
								}
							}
						}
					})
				} else {
					this.dianzan = false;
					this.item.like_count--;
					console.log(this.dianzan)
					if (this.item.like_count < 0) {
						this.item.like_count = 0
					}
					var data = {
						user_id: uni.getStorageSync('user_id'),
						history_type: 'note',
						operation_type: 'like',
						history_id: this.item.id,
					};
					this.myAjaxNewPost({
						model: 'news',
						controllerName: 'history',
						actionName: 'insert',
						data: data,
						successBack: function(res) {
							console.log(res);
						}
					})
				}

			},
			imgDetail(img, index) { //查看图片详情
				uni.previewImage({
					current: img[index], //显示当前点击图册
					urls: img,
				});
			},
		}
	}
</script>

<style scoped>
	.body {
		background: #FFFFFF;
		border-bottom: 1upx solid #E6E6E6;
		padding-bottom: 10upx;
	}

	.item {
		padding: 44upx 24upx 0 24upx;
	}

	.item-top {
		display: flex;
		justify-content: space-between;
		position: relative;
	}

	.sandian_box {
		height: 50upx;
		width: 50upx;
		display: flex;
		align-items: center;
	}

	.sandian {
		width: 36upx;
		height: 8upx;
	}

	.userHead {
		display: flex;
	}

	.headImg {
		width: 68upx;
		height: 68upx;
		border-radius: 50%;
		overflow: hidden;
		margin-right: 16upx;
	}

	.nameBox {
		color: #333333;
		font-size: 26upx;
		font-weight: 600;
		display: flex;
		align-items: center;
		margin-bottom: 10upx;
	}

	.nameBox image {
		width: 23upx;
		height: 23upx;
		margin-left: 10upx;

	}

	.timeBox {
		background: #999999;
		width: 88upx;
		height: 23upx;
		border-radius: 23upx;
		position: relative;
		font-size: 16upx;
		color: #FFFFFF;
		background: rgba(153, 153, 153, 1);
		text-align: center;
		line-height: 23upx;
	}

	.timeBox image {
		width: 27upx;
		height: 27upx;
		position: absolute;
		left: -2upx;
		bottom: -2upx;
		z-index: 30;
	}

	.padding_left {
		padding-left: 16upx;
	}

	.item-mid {
		font-size: 32upx;
		color: #333333;
		padding-left: 75upx;
		position: relative;
		text-align: left;

	}

	.fanyi {
		width: 36upx;
		height: 36upx;
		position: absolute;
		top: 10upx;
		left: 28upx;
	}

	.text-img {
		position: relative;
	}

	.text-box {
		width: 590upx;
	}

	.noHide {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden;
	}

	.one-img-box {
		max-width: 548upx;
		max-height: 548upx;
		overflow: hidden;
	}

	.one-img-box video {
		max-width: 548upx;
	}

	.one-img-box image {
		max-width: 548upx;
	}

	.style2 {
		display: flex;
		align-items: flex-end;
	}

	.more-img-box {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
	}

	.more-img-box image {
		width: 174upx;
		height: 174upx;
		margin-right: 6upx;
		margin-top: 6upx;
	}

	.typeBox {
		/* width: 56upx; */
		height: 24upx;
		border-radius: 24upx;
		border: 1upx solid #47CECF;
		color: #47CECF;
		font-size: 18upx;
		margin-left: 10upx;
		padding: 2upx 6upx;
	}

	.boxPosition {
		position: absolute;
	}

	.item-bottom {
		display: flex;
		justify-content: space-between;
		padding-left: 75upx;
		color: #666666;
		font-size: 26upx;
	}

	.caozuoBox {
		display: flex;
		align-items: center;
		padding-bottom: 28upx;
		padding-top: 20upx;
		position: relative;
	}

	.shareImg {
		width: 22upx;
		height: 22upx;
		position: absolute;
		left: 0upx;
		top: 0upx;
	}

	.caozuoBox image {
		width: 44upx;
		height: 44upx;
		margin-right: 10upx;
	}

	.pinglunBox {
		background: #F5F5F5;
		margin-top: 20upx;

	}

	.pinglunBox image {
		width: 24upx;
		height: 24upx;
		margin-right: 10upx;
	}

	.pinglun-item {
		border-bottom: 1upx solid #e6e6e6;
		display: flex;
		align-items: center;
		line-height: 60upx;
		font-size: 24upx;
		color: #333333;
		padding: 0 10upx;
	}

	.pinglun-item2 {
		display: flex;
		align-items: center;
		line-height: 60upx;
		font-size: 24upx;
		color: #333333;
		padding: 0 10upx;
	}

	.nameText {
		font-weight: 600;
		margin-right: 10upx;
	}


	/* 屏蔽菜单 */
	.menu {
		/* width: 300upx; */
		height: 80upx;
		border-radius: 10upx;
		background: #E6E6E6;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		color: #666666;
		font-size: 28upx;

	}

	.menu_item {
		display: flex;
		align-items: center;
		padding-right: 20upx;
	}

	.menu_item1 {
		display: flex;
		align-items: center;
		padding-left: 30upx;
		padding-right: 20upx;

	}

	.menu_item2 {
		display: flex;
		align-items: center;
		padding-right: 30upx;
	}

	.menu_box {
		position: absolute;
		right: 70upx;
		top: -13upx;
	}

	.menu_box image {
		width: 28upx;
		height: 28upx;
		margin-right: 10upx;
	}

	.xiaosanjiao {
		width: 12upx;
		height: 20upx;
		position: absolute;
		right: -35upx;
		top: 24upx;
	}

	.video_box {
		position: relative;
	}

	.bofang {
		width: 50upx;
		height: 50upx;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	.shenheImg{
		width: 90upx;
		height: 36upx;
		position: absolute;
		top: 80upx;
		left: -18upx;
	}
</style>
